/* 颜色变量 */
$uni-color-green: #03CE78;
$uni-color-blue: #0D7DFF;
$uni-color-red: #F55559;
$uni-color-yellow: #FFC53D;
$black: #202536;
$white: #FAFAFC;
$grey: #9497B1;
$red: #FF7E68;
$blue: #3E5FF5;
$light-blue:#8198FF;
$green: #00D679;
$yellow: #FFC768;
$black2: #030303;
$grey2:#646A73;

/* 行为相关颜色 */
$uni-color-primary: $uni-color-green;
$uni-color-success: $uni-color-blue;
$uni-color-warning: $uni-color-yellow;
$uni-color-error: $uni-color-red;

/* 文字基本颜色 */
$uni-text-color: #202428; // 基本色
$uni-text-color-inverse: #fff; // 反色
$uni-text-color-grey: #8691A3; // 辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #646A73;
$uni-text-color-disable: #C1C4C9;
/* 背景颜色 */
$uni-bg-color: #FBFBFD;
$uni-bg-color-grey: #F7F9FA;
$uni-bg-color-hover: #f1f1f1; // 点击状态颜色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩颜色
/* 边框颜色 */
$uni-border-color: #EFF2F5;
/* 尺寸变量 */
/* 文字尺寸 */
$font-small: 20rpx;
$font-base: 24rpx;
$font-normal: 28rpx;
$font-medium: 32rpx;
$font-large: 36rpx;
$font-extra: 46rpx;
$uni-font-size-sx: 20rpx;
$uni-font-size-sm: 22rpx;
$uni-font-size-base: 24rpx;
$uni-font-size-lg: 28rpx;
$uni-font-size-h1: 56rpx;
$uni-font-size-h2: 46rpx;
$uni-font-size-h3: 36rpx;
$uni-font-size-h4: 32rpx;
/* 图片尺寸 */
$uni-img-size-sm: 40rpx;
$uni-img-size-base: 52rpx;
$uni-img-size-lg: 80rpx;
/* Border Radius */
$uni-border-radius-sm: 8rpx;
$uni-border-radius-base: 12rpx;
$uni-border-radius-lg: 16rpx;
$uni-border-radius-circle: 50%;

/* 垂直间距 */
$uni-spacing-col-sm: 16rpx;
$uni-spacing-col-base: 30rpx;
$uni-spacing-col-lg: 60rpx;
/* 透明度 */
$uni-opacity-disabled: 0.3;

/* 基础混入 */
@mixin flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@mixin flex-evenly {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
  
@mixin flex-align {
    display: flex;
    align-items: center;
}
@mixin flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
@mixin padding($padding) {
    padding: $padding;
    box-sizing: border-box;
}
@mixin text-overflow{
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

@mixin line-height($height) {
    height: $height;
    line-height: $height;
}

@mixin avatar($width) {
    height: $width;
    width: $width;
    border-radius: $width;
    overflow: hidden;
}

  /* 文章场景相关 */ /* 不重要 */ 
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title: 40rpx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle: 36rpx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph: 30rpx;

/* 水平间距 */ /* 不重要 */ 
$uni-spacing-row-sm: 16px;
$uni-spacing-row-base: 24rpx;
$uni-spacing-row-lg: 30rpx;


// 固定场景引入
@mixin insurance-record {
    .insurance-record {
        @include padding(30rpx);
        background-color: white;
        height: 231rpx;
        .key {
            color: $uni-text-color-grey;
        }
        .insurance-add-subtract-icon {
            width: 45rpx;
            height: 45rpx;
            margin-right: 24rpx;
        }
        .record-row {
            display: flex;
            align-items: center;
        }
        .record-name {
            font-size: $uni-font-size-h4;
            font-weight: bold;
        }
        .record-basic {
            margin: 20rpx 0 16rpx;
        }
        .record-bottom {
            border-top: 1px solid #eff2f5;
            padding-top: 16rpx;
        }
        .record-avatar {
            width: 36rpx;
            height: 36rpx;
            border-radius: 36rpx;
            margin-right: 10rpx;
        }
        .record-desc {
            color: $uni-text-color-disable;
        }
    }
}